{extend name="base-sub" /}

{block name="title"}联系我们 - geneholo{/block}

{block name="body"}
<!-- sign-module -->   
<header data-background="/assets/images/banner-contact_us.png" data-height="30%" class="ct-header" style="background-image: url('/assets/images/banner-contact_us.png');">
  <div class="inner landing-page">
    <div class="container" style="">
      <div class="row">
        <div class="col-sm-12">
          <h4 class="header-font" style="text-shadow:2px 2px 6px rgb(71, 71, 71);">Contact us：</h4>
          <h3 class="header-font" style="text-shadow:2px 2px 6px rgb(71, 71, 71);">Patients, clinicans, scientists, investors, companies and media are all welcome to contact us.</h3>
          <!-- <ol class="breadcrumb">
            <li>
              <a href="/">公司</a></li>
            <li class="active">联系我们</li></ol> -->
        </div>
      </div>
    </div>
  </div>
</header>

<!-- sign-module -->  
<section class="ct-u-padding-top-35 ct-u-padding-bottom-50">
  <div class="container">
  <div class="row">
  <div class="col-sm-12">
    <style>
      .-icons {    
        display: inline-block;
        position: relative;
        width: 120px;
        height: 120px;
        background: url(/assets/images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
        transform: scale(.5);
      }
      .-icons-home {
        background-position: -355px -380px;
      }
      .-icons-phone {
        background-position: -350px -8px;
        transform: scale(.45);
      }
      .-icons-email {
        background-position: -165px -205px;
      }
      .-section-item {
        float: left;
        width: 33.33%;
        border: 1px solid rgb(230, 230, 230);
        background-color: rgb(241, 241, 241);
        padding-top: 5px;
        text-align: center;
        overflow: hidden;
      }
      .-section-item-right {
        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 250px;
        background-color: #fff;
        font-size: 1.2em;
      }
      .-section-item-right div {
        margin: 5px;
      }
    </style>
    <div class="col-md-12 pl0 editable" style="margin-bottom:14px;" id="untitled-region-4">
      <div class="-section-item">
        <div class="-icons -icons-home"></div>
        <div class="-section-item-right">北京亦庄经济技术开发区<br />科创六街88号</div>
      </div>
      <div class="-section-item">
        <div class="-icons -icons-phone"></div>
        <div class="-section-item-right">010-67877739-817</div>
      </div>
      <div class="-section-item">
        <div class="-icons -icons-email"></div>
        <div class="-section-item-right">
            <div>info@geneholo.com</div>
            <div>clinicaltrials@geneholo.com</div>
            <div>investors@geneholo.com</div>
            <div>media@geneholo.com</div></div>
      </div>
    </div>
  </div>
  </div>
  </div>
</section>
{/block}